
/**
 * Created by wlj on 2025/10/14.
 */

 @import './variables.scss';

 .am-opt-icon{ 
  margin: 0 8px;
  cursor: pointer;
  &:hover{
    color:var(--themeColor) !important;
  }
}//操作图标样式

// 文字超行
.ellipsis{
  text-overflow: ellipsis;
  //文字超行用省略代替
  -webkit-box-orient: vertical;
  line-clamp:1;
  -webkit-line-clamp: 1;//控制行数
  line-height:40px;//控制行高
  overflow: hidden;
  /* 英文的字符，需斩断 */
  word-break: break-all;
}
.overflow-text{
  display: -webkit-box;
  @extend .ellipsis;
}

// 底部操作按钮
.footer-btn{
  width: calc(100% - #{$sideBarWidth});
  padding:10px 0;
  background: #fff;
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

// 下拉框、输入框宽度100%
.sel-input-width{
  width: 100% !important;
}

// msg弹窗--填写内容框高度
.custom-prompt .el-textarea__inner {
  height: 200px !important;
}

// 富文本编辑框的内容--回显样式
.long-text-style{
  border:1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  overflow: auto;
}

// form表单中--下拉框 高度 370
.select-form-height .el-select-dropdown__wrap{
  overflow-y: scroll;
  max-height: 370px;
}

// 新增、编辑表单页面，标题、计步器样式设置
.form-AORE-content{
  margin: 20px 20px 80px 20px;
  padding: 20px 20px 20px 0 ;
  background: #fff;
  min-height: 700px;
  .headline{
    padding:0 0 20px 20px;
    font-size: 18px;
    font-weight: 600;
  }
}

//  Element-UI 的table 组件显示表格多个线条的问题 
.el-table__fixed-right{ height: 100% !important; }
.el-table__fixed{ height: 100% !important; }

// input文本编辑框--输入长度限制的数字样式
.el-textarea .el-input__count{
    line-height: normal !important;
}

// 提示文本统一样式
.tip-text{
  font-size: 12px;
  color: #999;
}
// 统一显示总量数据行及操作
.total-opt-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}